<div id="event-test-data">
    <div style="margin-top: 10px; padding: 30px; background-color: #e3e4e5">
        <div id="outer" style="padding: 20px; background-color: #D6EDFC">
            <div id="inner" style="padding: 20px; background-color: #FFCC00"></div>
        </div>
    </div>
    <style>
        .mouse-test {
            width: 100px;
            height: 100px;
            margin: 10px;
            background-color: yellow;
            border: 1px solid red;
        }
    </style>
    <div class="mouse-test" id="mouse-test1">
    </div>
    <div class="mouse-test" id="mouse-test2">
    </div>
</div>